<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>白帽子-首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="Favicon.ico" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<script type="text/javascript" src="js/jquery-1.4a2.min.js"></script>
<script type="text/javascript">
    $(function () {
        // 侧边栏(口风琴)
        $('li').find('ul').prev().click(function () {
            $('li:has(ul)').find('ul').slideUp(300);
            if($(this).next().css('display') == 'none') {
                $(this).next().slideDown(300);
            }
        });
        $('li:has(ul)').find('ul').hide();

        // 显示所选选项
        var sub = '';
        $('li:has(ol)').find('li').click(function () {
            var i = $(this).parent().find('li').index(this);
            var ops = ['A','B','C','D'];
            key = ops[i];
            var sub = $(this).parent().prev().text();
            var reg = new RegExp(key);
            if(reg.test(sub)) {
                sub = sub.replace(reg,'');
            } else {
                sub += key;
            }
            sub = sub.split('').sort().join('');
            $(this).parent().prev().text(sub);
        });
    });
</script>

<style type="text/css">

</style>
</head>
    <body>
        <div id="cont-header">
            <div class="logo">
                <img src="./images/logo.png" height="30" />
                <ul>
                    <li><a href="center-index.html">个人中心</a></li>
                    <li><a href="#">我要提问</a></li>
                    <li><a href="index.html">返回首页</a></li>
                </ul>
            </div>
        </div><!-- header -->
        <div id="container">
            <div class="content">
                <div id="sidebar">
                    <div class="count-mes"></div>
                    <div class="question-list">
                        <ul class="q-ul">
                            <li class="q-list">
                                <span class="side-title">入学测试题</span>
                                <ul>
                                    <li><a href="#">基础英语</a></li>
                                    <li><a href="#">单选题</a></li>
                                    <li><a href="#">多选题</a></li>
                                    <li><a href="#">多选题</a></li>
                                </ul>
                            </li>
                            <li class="q-list">
                                <span class="side-title">课堂作业</span>
                                <ul>
                                    <li><a href="#">基础英语</a></li>
                                    <li><a href="#">单选题</a></li>
                                    <li><a href="#">多选题</a></li>
                                </ul>
                            </li>
                            <li class="q-list">
                                <span class="side-title">语法测试题</span>
                                <ul>
                                    <li><a href="#">基础英语</a></li>
                                    <li><a href="#">单选题</a></li>
                                    <li><a href="#">多选题</a></li>
                                </ul>
                            </li>
                            <li class="q-list">
                                <span class="side-title">综合测试题</span>
                                <ul>
                                    <li><a href="#">基础英语</a></li>
                                    <li><a href="#">单选题</a></li>
                                    <li><a href="#">多选题</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div><!-- question-list -->
                    <div class="side-adv">
                        <div class="side-adv-bg">
                            <span class="side-title">入学测试题</span>
                            <ul>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                                <li><a href="#">PHP学院12.29元旦晚会</a></li>
                            </ul>
                        </div>
                    </div>
                </div><!-- sidebar -->
                <div id="main">
                    <div class="main-adv"><a><img src="./images/preview_banner_3.jpg" /></a></div>
                    <div class="main-cont">
                        <ol class="question">
                            <li>
                                <h4>下列对HTML的含义解释正确的是</h4> ( <span></span> )
                                <ol type="A">
                                    <li>HTML即Hyper Text Markup Language超文本标记语言 </li>
                                    <li>HTML是一种开发工具</li>
                                    <li>HTML是编程语言 </li>
                                    <li>HTML是一种浏览器</li>
                                </ol>
                            </li>
                            <li>
                                <h4>下列对HTML的含义解释正确的是</h4> ( <span></span> )
                                <ol type="A">
                                    <li>HTML即Hyper Text Markup Language超文本标记语言 </li>
                                    <li>HTML是一种开发工具</li>
                                    <li>HTML是编程语言 </li>
                                    <li>HTML是一种浏览器</li>
                                </ol>
                            </li>
                            <li>
                                <h4>下列对HTML的含义解释正确的是</h4> ( <span></span> )
                                <ol type="A">
                                    <li>HTML即Hyper Text Markup Language超文本标记语言 </li>
                                    <li>HTML是一种开发工具</li>
                                    <li>HTML是编程语言 </li>
                                    <li>HTML是一种浏览器</li>
                                </ol>
                            </li>
                            <li>
                                <h4>下列对HTML的含义解释正确的是</h4> ( <span></span> )
                                <ol type="A">
                                    <li>HTML即Hyper Text Markup Language超文本标记语言 </li>
                                    <li>HTML是一种开发工具</li>
                                    <li>HTML是编程语言 </li>
                                    <li>HTML是一种浏览器</li>
                                </ol>
                            </li>
                            <li>
                                <h4>下列对HTML的含义解释正确的是</h4> ( <span></span> )
                                <ol type="A">
                                    <li>HTML即Hyper Text Markup Language超文本标记语言 </li>
                                    <li>HTML是一种开发工具</li>
                                    <li>HTML是编程语言 </li>
                                    <li>HTML是一种浏览器</li>
                                </ol>
                            </li>
                        </ol>
                    </div><!-- main-cont -->
                    <div class="main-page"></div>
                </div><!-- main -->
            </div><!-- content -->
        </div><!-- container -->
        <div id="footer"><p>本程序为测试使用，不得用于商业用途。版权所有 <span><a style="color:blue;text-decoration:none;" href="javascript:void(0);">白帽子测试系统V1.0</a></span></p></div>
    </body>
</html>